当前位置：首页 > 脚本编程 > CSS/HTML >

CSS常见面试题

来源:网络整理作者: 发布时间:2020-12-19 12:49

本文介绍CSS常见面试题，希望可以提供大家参考。...

3.text-overflow：ellipsis当对象内文本溢出时显示省略标记

3.px
overflow:hidden

3.id选择器四 #
三、使用after伪元素清除浮动

后代选择器 E>F
一、额外标签法，

display:none;
2.类选择器（多类名选择器）.

CSS基础选择器：

元素的显示与隐藏：
margin和padding

e. 当使用 Javascript 控制 DOM 去改变样式的时候，只能使用 link 方式，因为 @import 眼里只有 CSS ，不是 DOM 可以控制

弹性（flex）布局、
建议一般使用nth-of-type，不容易出问题。
文本相关：font-family，font-size， font-style，font-variant，font-weight， font，letter-spacing，line-height，color

link @import
如何让一个p 上下左右居中
<ul> 111 222 <li>1</li> <li>2</li> <li>3</li> </ul>

li:nth-of-type(2):表示ul下的第二个li元素
2.
谈谈你对CSS布局的理解

二、父级添加overflow属性方法
链接伪类选择器 lvha
1.white-space:nowrap强制文本在一行上显示
可以继承的属性
rem布局
left:50%; top:50%

d. link方式的样式的权重高于@import的权重

浮动布局、清除浮动

e. 当使用 Javascript 控制 DOM 去改变样式的时候，只能使用 link 方式，因为 @import 眼里只有 CSS ，不是 DOM 可以控制

定位模式与边偏移：

left:50%; top:50%
display:none;
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素

一、行内式，二、内部样式表，三、外部样式表

2.overflow: hidden超出部分隐藏
建议一般使用nth-of-type，不容易出问题。
li:nth-child(2)：表示既是li元素又是在ul下的第二个元素（找不到）。

c. import只在IE5以上才能识别，而link是HTML标签，无兼容问题

link @import
CSS三大特性：层叠继承优先级

盒子模型

css三大特性：CSS层叠性、CSS继承性、CSS优先级

CSS引入
一、额外标签法，

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {*zoom: 1;} /* IE6、7 专有 */。

四、使用双伪元素清除浮动

块级元素垂直居中

盒子模型

4.通配符选择器 *

后代选择器 E>F
文本相关：font-family，font-size， font-style，font-variant，font-weight， font，letter-spacing，line-height，color

溢出的文字省略号显示
left:0; top: 0; bottom: 0; right: 0; margin: auto
流式（%）布局、
2.

定位模式与边偏移：

vertical-align 垂直对齐

交集选择器
1.white-space:nowrap强制文本在一行上显示
css三大特性：CSS层叠性、CSS继承性、CSS优先级
固定布局、
transform: translate(-50%,-50%)
并集选择器 ,
default小白默认，pointer小手，move移动，text文本，not-allowed禁止

增加了更多的CSS选择器多背景 rgba，在CSS3中唯一引入的伪元素是::selection，媒体查询，多栏布局

3.px
rem布局
2.类选择器（多类名选择器）.

块级元素垂直居中
交集选择器

溢出的文字省略号显示
overflow:hidden

链接伪类选择器 lvha
1.
transform: translate(-50%,-50%)

b. 页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载

实现圆角（border-radius），阴影（box-shadow），对文字加特效（text-shadow），线性渐变（gradient），变形（transform）

常见的布局方式：
CSS三大特性：层叠继承优先级

b. 页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载

流式（%）布局、

c. import只在IE5以上才能识别，而link是HTML标签，无兼容问题

left:0; top: 0; bottom: 0; right: 0; margin: auto